<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: wangmiao
 * @Date: 2020-07-26 23:55:33
 * @LastEditors: wangmiao
 * @LastEditTime: 2020-07-27 00:54:02
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app" v-cloak></div>
    <!-- 
        v-model = xxx 主要应用在表单上
        v-text=name 指令 等同于 {{name}} innerText
        v-html 相当于 innerHTML 用不用在用户提交内容上，容易被人植入script
        v-cloak 专门解决{{}}显示的问题当vue编译完成之前元素上会带有v-cloak的
                行内属性，css样式就会起作用，当vue编译完成之后会把这个指令删除，就没有这个行内属性对应的css
        v-once 有这个指令的标签vue只会编译一次，就是说，这个值只会改变一次
        v-pre 优化性的指令，有这个指令的标签的vue不会编译这部分            
        v-if 直接控制元素或者组件的加不加载
        v-show 控制元素的显示隐藏
    -->
</body>

</html>
<script src="../node_modules/vue/dist/vue.js"></script>
<script src="">
    const vm = new Vue({
        el: '#app',
        data: {

        }
    })
</script>